{% load renderers %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta property="fb:app_id" content="{{ FACEBOOK_APP_ID }}" />
<title>{% block title %}BASE TEMPLATE!{% endblock %} | TradeSocial</title>
<!-- [if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
  }
</style>
{% render_css "base.css" %}
{% block head %}{% endblock %}
</head>
<body>
  {% comment %}Load the Facebook Connect API for every page{% endcomment %}
  <div id="fb-root"></div>
  <script src="http://connect.facebook.net/en_US/all.js"></script>
  <script>
    FB.init({
      appId:'{{ FACEBOOK_APP_ID }}',
      cookie:true,
      status:true,
      xfbml:true
    });
    FB.Event.subscribe(
      'auth.sessionChange',
      function(response) {
        window.location.reload();
      });
  </script> 
  {% include "base/header.html" %}
  {% include "base/side_nav.html" %}
  <section id="main">
  {% block body %}{% endblock %}
  </section>
  {% include "base/footer.html" %}
</body>
</html>